<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>选择鞋码</title>
<link rel="icon" type="image/png" href="../amaze/assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="../amaze/assets/i/app-icon72x72@2x.png">
<link rel="stylesheet" href="../amaze/assets/css/amazeui.min.css" />
<link rel="stylesheet" href="../amaze/assets/css/admin.css">
<link rel="stylesheet" href="../amaze/pc.css">
<!--[if lt IE 9]>
	<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
	<script src="../amaze/assets/js/amazeui.ie8polyfill.min.js"></script>
	<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../amaze/assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="../amaze/assets/js/amazeui.min.js"></script>
<script src="../amaze/assets/js/app.js"></script>
<script src="../js/search.js"></script>
<style type="text/css" media="screen">
.main{
    padding: 10px 18px;
    
}
@media only all
    and (min-width :1024px) {
    #media{
        width: 500px;
        margin:0px auto;
    }
    }	
</style>
</head>
<body onload="kaishi()">
<input type="hidden" id="step" name="step" value="${step!1}" />
<input type="hidden" id="shoetype" name="shoetype" value="" />
<input type="hidden" id="logo" name="logo" value="${alogo!}" />
<input type="hidden" id="size" name="size" value="${asize!}" />

<div class="main" id="media">
<div class="am-g">

	<div style="margin-top: 10px; margin-left: 0px;">
		<label for="doc-ipt-3-a" class="am-u-sm-12 am-form-label" style="margin-left:-10px;">选择品牌/尺码</label>
		<form class="am-form am-form-horizontal">
		  <div class="am-form-group am-form-success am-form-icon am-form-feedback">
		  	<div class="am-form-group">
		      <select onchange="changelogo(this.options[this.options.selectedIndex])" id="logoselect" value="${alogo!}">
			  <option selected value="">请选择品牌</option>
			  <#if list??>
				<#list list as list>
					
					<option value="${list.id!}">${list.name!}</option>
				</#list>
	          </#if>
			  </select>
			  </div>
			  <div class="am-form-group">
		      <select onchange="changesize(this.options[this.options.selectedIndex])" id="sizeselect" value="${asize!}">
				 <option selected value="">请选择尺码</option>
			  </select>
			  </div>
		  </div>
		</form>
		
	</div>
	<div style="margin-top: 0px; margin-left: 0px;">
		<legend></legend>
	</div>

	<div style="margin-top: 10px; margin-left: 0px;">

		<label for="doc-ipt-3-a" class="am-u-sm-12 am-form-label" style="margin-left:-10px;">热门品牌</label>
		<div class="am-g">
			<#if hotlist??>
			<#list hotlist as list>
				
				<button type="button" class="am-btn am-btn-default am-btn-sm" style="margin-top:5px" id="${list.id!}" onclick="chooselogo(this)">${list.name!}</button>

			</#list>
           </#if>
	
		</div>
		
	</div>
	
	<div style="margin-top: 10px; margin-left: 0px;">
		<legend></legend>
	</div>
	<div style="margin-top: 10px; margin-left: 0px; text-align: center;">

		<span class="am-badge am-badge-success am-text-xl" style="font-size:20px;">已选品牌：<span id="resultlogo">?</span></span>&nbsp;&nbsp;&nbsp;

		<span class="am-badge am-badge-success am-text-xl" style="font-size:20px;">尺码：<span id="resultsize">${asize!'?'}</span></span>
		
	</div>
	<div style="margin-top: 10px; margin-left: 0px;">
		<legend></legend>
	</div>
	<button type="button" class="am-btn am-btn-warning am-btn-block" onclick="back()">继续下一步</button>
		
</div>
</div>
</body>


</html>
